<%@ page language="java" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/views/include/mobile-header.jsp"%>
<html>
<head>
<!-- 手机端 -->
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1, user-scalable=no">
<title>${project.name }</title>
<script type="text/javascript" src="${ctxStatic }/site/themes/XianHuaQingHuai/jquery.min.js"></script>
<script type="text/javascript" src="${ctxStatic }/site/themes/XianHuaQingHuai/jquery.mobile-1.3.0.min.js"></script>
<script type="text/javascript" src="${ctxStatic }/site/themes/XianHuaQingHuai/jquery.slide-packer.js"></script>
<link rel="stylesheet" type="text/css" href="${ctxStatic }/site/themes/XianHuaQingHuai/jquery.mobile-1.3.0.css">
<link rel="stylesheet" type="text/css" href="${ctxStatic }/site/themes/XianHuaQingHuai/style.css">
<link href="${ctxStatic }/site/themes/XianHuaQingHuai/jiathis_share.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript">
	function goUrl(url){
		location.href=url;
	}
</script>
</head>
<body class="ui-overlay-o ui-mobile-viewport ui-overlay-p" data-theme="lb">
	<iframe frameborder="0" style="position: absolute; display: none; opacity: 0; height: 300px;"></iframe>
	<div class="jiathis_style" style="position: absolute; z-index: 1000000000; display: none; top: 50%; left: 50%; overflow: auto;"></div>
	<div class="jiathis_style" style="position: absolute; z-index: 1000000000; display: none; overflow: auto;"></div>
	<!-- <iframe frameborder="0" src="utility.jsp" style="display: none; height: 300px;"></iframe> -->
	<!-- /page -->
	<div data-role="page" id="main-page" data-title="${project.name }"
		data-url="demo-page" tabindex="0" data-theme="p"
		style="min-height: 550px; padding-bottom: 57px;"
		class="ui-page ui-body-p ui-page-footer-fixed ui-page-active">
		<div>
			<div style="padding: 10px; height: 25px">
				<a href="#" title="" class="ui-link"> <img src="${ctxStatic}/site/themes/XianHuaQingHuai/images/logo.jpg" class="logo-pic" align="center" alt="">
				</a>
				<div style="position: absolute; top: 5px; right: 5px; z-index: 10">
					<div style="text-align: center; display: inline-block">
						<a href="#" title="" class="weibo ui-link"> 
							<img src="${ctxStatic}/site/themes/XianHuaQingHuai/images/weibo.png" alt=""><br>
							<span>新浪微博</span></a>
					</div>
					<div
						style="text-align: center; display: inline-block; margin-left: 3px">
						<a href="#" title="" class="weibo ui-link"> 
							<img src="${ctxStatic}/site/themes/XianHuaQingHuai/images/tenxun.png" alt=""><br>
							<span>腾讯微博</span></a>
					</div>

				</div>
				<span style="font-size: 15px; line-height: 25px"><strong>首页</strong></span>
			</div>
			<hr color="#AE223C">
			<div class="header_nav">
				<div class="ui-grid-c" style="text-align: center">
					<div class="ui-block-a">
						<a href="#" onclick="goUrl('${ctxMobileSite}/${project.id}')" title="" class="ui-link">网站首页</a>
					</div>
					<div class="ui-block-b">
						<a href="#"  onclick="goUrl('${ctxMobileSite}/${project.id}?menuId=6')" title="" class="ui-link">公司简介</a>
					</div>
					<div class="ui-block-c">
						<a href="#" onclick="goUrl('${ctxMobileSite}/${project.id}?menuId=7')" title="" class="ui-link">联系我们</a>
					</div>
					<div class="ui-block-d">
						<a href="#" title="" class="ui-link">公司地图</a>
					</div>
				</div>
			</div>
		</div>
		<!-- /header -->

		<div data-role="content" class="ui-content" role="main">
			<div class="sub-container">
				<div class='page-title'>
					<span class='title-text'>联系我们</span><img
						src="http://ecode.yinuoinfo.com/theme/app_new2_market/img/title-divi.png"
						alt="" />
				</div>
				<ul data-role="listview" data-inset="true" class="inner cont_cnt">
					<li class="contact-row"><span>单位名称：</span>${project.companyName }</li>
					<li class="contact-row"><span>单位地址:</span>${project.comAddress }</li>
					<li class="contact-row"><span>邮箱: <a data-role="none" href="#" title="">${project.mail }</a></span></li>
					<li class="contact-row"><span>电话： <a data-role="none" href="tel:${project.mobile }">${project.mobile }</a>
					</span></li>
				</ul>
			</div>

			<!-- <a href="javascript:WeiXinAddContact(花之缘)"　data-role="button" >一键关注</a> -->

			<script type="text/javascript"> 
			    if(!$(".cont_cnt").text()){
			        $(".cont_cnt").html('没有联系信息！');
			    }
			</script>
		</div>
		<!-- /content -->
		<!-- 
		<footer data-role="footer" data-position="fixed" data-theme="dr2"
			id='footer'>
		<div class='ui-grid-b'>
			<div class='ui-block-a' style='text-align: center'>
				<a class='footer-link' href="/MediaApp/show/119349">
					<div>
						<img src="http://ecode.yinuoinfo.com/theme/app_new2_market/img/026.png"
							alt="" /> 
						<span style='margin: 3 0px'>首页</span>
					</div>
				</a>
			</div>
			<div class='ui-block-b'>
				<a class='footer-link' class="text" href="#popupMenu"
					data-rel="popup" data-transition="slideup"
					data-position-to="window">
					<div>
						<img
							src="http://ecode.yinuoinfo.com/theme/app_new2_market/img/021.png"
							alt="" /> <span style='margin: 3 0px'>互动</span>
					</div>
				</a>
			</div>
			<div class='ui-block-c'>
				<a class='footer-link' href="/Users/media_app_home/119349">
					<div>
						<img
							src="http://ecode.yinuoinfo.com/theme/app_new2_market/img/022.png"
							alt="" /> <span style='margin: 3 0px'>账户信息</span>
					</div>
				</a>
			</div>
		</div>
		</footer>

 	-->
	</div>

	<script type="text/javascript">
		//关闭全局ajax
		$(document).bind("pageinit", function(){
		    $.mobile.ajaxEnabled = false;
		    $.mobile.ignoreContentEnabled = true
		});
	</script>

</body>
<script type="text/javascript"> 
    try {
 
        window.onunload = stay; 
        window.onload = function(){
            autoSize();
            slider_size();
        }
 
        pageOpen = new Date();//定义一个新的日期对象，记录开始浏览页面时间。  
        function stay() {//定义一个函数。  
            pageClose = new Date();//定义一个新的日期对象，记录结束浏览页面时间。  
            minutes = (pageClose.getMinutes() - pageOpen.getMinutes()); //“分钟”变量等于结束时间的分钟数减去开始时间的分钟数。  
            seconds = (pageClose.getSeconds() - pageOpen.getSeconds());//“秒数”变量等于结束时间的秒数数减去开始时间的秒数数。  
            time = (seconds + (minutes * 60));//时间变量等于“秒数”变量加上“分钟”变量乘以60，即变为以秒记
            send_time(time);
            return time;
        }
        function send_time(time){
            var media_ad_id = '119349';
            var action = 'contact';
 
            var url = '/MediaApp/send_duration';
            url = url+'?media_ad_id='+media_ad_id+'&action='+action+'&duration='+time;
            var i = new Image(1,1); 
            i.src= url;
        }
 
        function autoSize(){
            $("img,iframe,embed").each(function(){
                if($(this).width() > $(this).parent().width() || $(this).width() > $(window).width()){
                    $(this).css('max-width',"100%");
                }
            });
            $("iframe").each(function(){
                var _width = $(this).width();
                if(_width){
                    $(this).css('height',_width);
                }
            })
        }
 
        // 图片跳转放大
                        $(".ui-content img").click(function(){
                    if(!$(this).parent().attr('href')){
                        window.location.href = $(this).attr('src');
                    }
                });
 
        //约束轮播图片的比例
        function slider_size(){
            var slider_height = 0;
            slider_height = $(".slider .switchable-box").width()*0.75;
            $(".slider .switchable-box").height(slider_height);
            $(".slider .switchable-content img").height(slider_height); 
        }
 
    }catch (e) {
 
    }
 
    
 
</script>
</html>